@keyframes anticlockwise {
  0% {
    transform: translate(-40%, -135%) rotate(360deg);
  }

  100% {
    transform: translate(-40%, -135%) rotate(0deg);
  }
}

@keyframes rotateY {
  0% {
    transform: translateX(-0%) rotateY(0) scale(1);
  }

  33.33% {
    transform: translateX(-33.33%) rotateY(360deg) scale(1.5);
  }

  66.66% {
    transform: translateX(-66.66%) rotateY(0) scale(2);
  }

  100% {
    transform: translateX(-100%) rotateY(360deg) scale(3);
  }
}

.fade-out {
  opacity: 0;
}

.fade-in {
  opacity: 1;
}
